Вход

Просмотр полной версии : Фоновое, какие варианты?


Артем125
06.06.2010, 20:53
Здравствующие! :)

есть часть таблицы

<tr>
<td width="147">меню</td>
<td width="969">контент</td>
<td width="84">фирмы</td>
</tr>

на последние 2 столбца
<td width="969">контент</td>
<td width="84">фирмы</td>
необходимо поместить фотографию фоновую.

По горизонтали эта тбличка не изменна
. По вертикали, в зависимости от высоты документа, фоновая таблица должна скрываться, если документ мал по высоте, и Внимание - добавляться ниже, перевернутое фоновое изображение. Тоже, но перевернутое. Жесть, не знаю как подступиться :help:

Sweet
06.06.2010, 22:51
Я бы сделал две картинки: одну обычную, а другую - вместе с перевернутым изображением. Проверил высоту: если она меньше обычного изображения, то вставляем его. А если больше - то картинку с перевернутым изображением.

Артем125
07.06.2010, 20:47
<td width="960" id="content"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">контент</td>
</tr>
<tr>
<td height="32" align="right">телефоны</td>
</tr>
</table></td>



content = document.getElementById('content');

// Настоящая высота тага td
height = content.offsetHeight;

// Количество изображений, округленное в большую сторону
count = Math.ceil(height/300);

for ($i=0; $i<count; $i++)
{
if (height < 300) content.style.backgroundImage = "url(../dataimg/fon_content_top1.gif)";
else content.style.backgroundImage = "url(../dataimg/fon_content_bottom1.gif)";
}


что должно накапливаться в цикле. понятно, что чередование верхней картинки над нижней. Допустим, count = 3, тогда три фоновых в следующем порядке, fon_content_top1+fon_content_bottom1+fon_content_t op1
а как реализовать?

Подскажите, пожалуйста

Sweet
08.06.2010, 00:44
а как реализовать?
Я думаю, что никак. Да и что за заморочка?:) Чем мой вариант не подходит?

Skipp
08.06.2010, 09:39
Артем125,
Зеркальное отражение на js (http://admin-club.ru/scripts/44-zerkalnoe-otrazhenie-kartinki.html). Не тестил, но всё же, а вообще прогуглил за 2 минуты.

Артем125
08.06.2010, 19:12
Sweet. Подходит, его и реализовываю)) Спасибо. Только вопрос был как))